<template>
  <div id="wrap">
    <Top></Top>
    <Left></Left>
    <Lmain></Lmain>
    <Rmain></Rmain>
    <Right></Right>
    <div class="button">
      进入视频墙
    </div>
  </div>
</template>
<script>
  import Top from '@/components/ganshiao/top.vue'
  import Left from '@/components/ganshiao/left.vue'
  import Lmain from '@/components/ganshiao/lmain.vue'
  import Rmain from '@/components/ganshiao/rmain.vue'
  import Right from '@/components/ganshiao/right.vue'

  export default {
    data() {
      return {

      }
    },
    components: {
      Top,
      Left,
      Lmain,
      Rmain,
      Right
    },
    mounted() {},
    methods: {}
  }
</script>
<style>
  * {
    margin: 0;
    padding: 0;
  }

  body {
    font-family:  STSong;
    color: #FEF8FD;
    background: url(../assets/ganshiao-img/DITU.png);
  }

  .fl {
    float: left;
  }

  .fr {
    float: right;
  }

  ul li{
    list-style: none;
  }

  #wrap {
    width: 100%;
    height: 100%;
  }

  img{
    width: 10px;
    height: 10px;
  }

  .button{
    position: absolute;
    top: 90%;
    left: 45%;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #78A4AC;
    background-color: #385458;
    opacity: 0.7;
    font-size: 12px;
    border-radius: 10px;
  }
</style>

